<template>
  <div class="layout">
    <HeadTitle :id="id"/>
    <div class="content">1</div>
  </div>
</template>

<script lang="ts" setup>
import HeadTitle from "@/components/HeadTitle.vue";
import {useRoute} from "vue-router";

const route = useRoute();
const id = Number(route.query.id); // 确保 id 是数字类型
</script>

<style lang="scss" scoped>
.layout {
  @apply flex flex-col items-center;
  @include UN-ROUDN;

  .content {
    @include UN-ROUDN;
    @apply h-full w-full p-5;
    background-color: $DF-COLOR;
  }
}
</style>
